
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex">

    <title>商品预览</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
    <!--Font Awesome-->
	<link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
	
    <script src="/public/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/public/js/bootstrap/bootstrap.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="/public/css/jquery.mobile-1.0.min.css" />
  	<link href="/public/css/bootstrap/bootstrap.min.css" rel="stylesheet">


    <script src="/public/js/jquery.mobile.min.js" type="text/javascript"></script>



     <!--Font Awesome-->
	<link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">

    <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet"> -->

 

    <link href="/public/css/wx/cart.css?ver=9" rel="stylesheet"></link>
    <link href="/public/css/itemdetail.css?ver=9" rel="stylesheet"></link>
</head>
<body>
	<div class="container nomargin">
		<div class="card">
			<div class="container-fliud">
				<div class="wrapper row">
					<!-- 主图 -->
					<div class="row">
						<img width="100%" src="{{.item.FirstImage}}">
					</div>

					<div class="details">
						<h3 class="product-title">{{.ir.Name}}</h3>
						<!-- 评价部分 -->
						<!-- <div class="rating">
							<div class="stars">
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
							</div>
							<span class="review-no">41 reviews</span>
						</div> -->
						<p class="product-description">{{.ir.Intro}}</p>
						<h4 class="price pull-right">价格: <span>${{.ir.Price}}</span></h4>
						
						<!-- 规格 -->
						<!-- <h5 class="sizes">sizes:
							<span class="size" data-toggle="tooltip" title="small">s</span>
							<span class="size" data-toggle="tooltip" title="medium">m</span>
							<span class="size" data-toggle="tooltip" title="large">l</span>
							<span class="size" data-toggle="tooltip" title="xtra large">xl</span>
						</h5> -->
						<!-- 颜色 -->
						<!-- <h5 class="colors">colors:
							<span class="color orange not-available" data-toggle="tooltip" title="Not In store"></span>
							<span class="color green"></span>
							<span class="color blue"></span>
						</h5> -->
						<div class="action">
							<button class="add-to-cart btn btn-default pull-right" type="button">加入购物车</button>
						</div>
					</div><!-- end detail -->
					<legend>详情</legend>
					{{range .ir.Images}}
						<div class="row">
							<img width="100%" src="{{.}}">
						</div>
					{{end}}
				</div>
			</div>
		</div>
	</div>
</body>
</html>
